﻿<input type="hidden" name="dayinweek" id="hfdayinweek" />
<input type="hidden" name="months" id="hfmonths" />
<input type="hidden" name="daysinmonths" id="hfdaysinmonths" />

<div class="row-fluid">
    <div class="span1"></div>
    <div class="span3">Run type</div>
    <div class="span8">
        <select name="index" id="runtype">
            <option value="0">One time</option>
            <option value="1">Daily</option>
            <option value="2">Weekly</option>
            <option value="3">Monthly</option>
        </select>
    </div>
</div>
<div class="row-fluid">
    <div class="span1"></div>
    <div class="span3">Start time</div>
    <div class="span8">
        @*<input type="text" name="date" id="date" class="input-large datepick">*@
        <div id="datetimepicker2" class="input-append">
            <input data-format="MM/dd/yyyy HH:mm:ss PP" type="text" name="datestart" value="@DateTime.Now" id="datestart" required="required"/>
            <span class="add-on">
                <i data-time-icon="icon-time" data-date-icon="icon-calendar" class="icon-calendar"></i>
            </span>
        </div>
    </div>
</div>
<div class="row-fluid">
    <div class="span1"></div>
    <div class="span3">Enable</div>
    <div class="span8">
        <input type="checkbox" name="Enable" checked="checked">
    </div>
</div>
<div class="row-fluid ctr-daily">
    <div class="span1"></div>
    <div class="span3">Recur every</div>
    <div class="span8">
        <input type="number" name="every" id="every" class="input-small" placeholder="days" value="1" disabled="disabled" required="required">
        days
    </div>
</div>
<div class="row-fluid ctr-weekly">
    <div class="span1"></div>
    <div class="span3">Select days<br />
        <small>ctrl + click to select many</small></div>
    <div class="span8">
        <select multiple="multiple" id="dayinweek" disabled="disabled" required="required">
            <option value="1">Monday</option>
            <option value="2">Tuesday</option>
            <option value="3">Wednesday</option>
            <option value="4">Thursday</option>
            <option value="5">Friday</option>
            <option value="6">Staturday</option>
            <option value="0">Sunday</option>
        </select>
    </div>
</div>
<div class="row-fluid ctr-monthly">
    <div class="span1"></div>
    <div class="span3">Months<br />
        <small>ctrl + click to select many</small></div>
    <div class="span8">
        <select multiple="multiple" id="months" disabled="disabled" required="required">
            <option value="1">January</option>
            <option value="2">February</option>
            <option value="3">March</option>
            <option value="4">April</option>
            <option value="5">May</option>
            <option value="6">June</option>
            <option value="7">July</option>
            <option value="8">August</option>
            <option value="9">September</option>
            <option value="10">October</option>
            <option value="11">November</option>
            <option value="12">December</option>
        </select>
    </div>
</div>
<div class="row-fluid ctr-monthly">
    <div class="span1"></div>
    <div class="span3">Days<br />
        <small>ctrl + click to select many</small></div>
    <div class="span8">
        <select multiple="multiple" id="daysinmonths" disabled="disabled" required="required">
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
            <option value="12">12</option>
            <option value="13">13</option>
            <option value="14">14</option>
            <option value="15">15</option>
            <option value="16">16</option>
            <option value="17">17</option>
            <option value="18">18</option>
            <option value="19">19</option>
            <option value="20">20</option>
            <option value="21">21</option>
            <option value="22">22</option>
            <option value="23">23</option>
            <option value="24">24</option>
            <option value="25">25</option>
            <option value="26">26</option>
            <option value="27">27</option>
            <option value="28">28</option>
            <option value="29">29</option>
            <option value="30">30</option>
            <option value="31">31</option>
        </select>
    </div>
</div>
<p class="p-advance"><a href="javascript:;" title="click to show advance option">Advance</a></p>
<div class="panel-advance">
    <div class="control-group">
        <input type="checkbox" class="loop-task" />
        Loop task in
                <input type="text" name="minutes" class="minutes" value="15" disabled="disabled" style="width: 20px" />
        <select name="chooseminutes" class="choose-minutes" style="width: 80px" disabled="disabled">
            <option value="1">Minutes</option>
            <option value="60">Hours</option>
            <option value="1440">day</option>
        </select>
        on
                <input type="text" name="hours" value="1" style="width: 20px" disabled="disabled" class="hours" />
        <select name="choosehours" style="width: 80px" disabled="disabled" class="choose-hours">
            <option value="1">Minutes</option>
            <option value="60" selected="selected">Hours</option>
            <option value="1440">day</option>
        </select>
    </div>
    <div class="control-group">
        <input type="checkbox" class="stop-task" />
        Stop task if runs over
                <input type="text" name="stopminutes" class="stop-minutes" value="1" style="width: 20px" disabled="disabled" />
        <select name="choosestopminutes" style="width: 80px" disabled="disabled" class="choose-stop-minutes">
            <option value="1">Minutes</option>
            <option value="60" selected="selected">Hours</option>
            <option value="1440">day</option>
        </select>
    </div>
    <div class="control-group">
        <input type="checkbox" class="expired" />
        Time expired
                <input type="text" name="expireddate" class="input-medium datepick expireddate" value="@DateTime.Now" disabled="disabled">
    </div>
</div>


@*@using KRM.Core
@model KRM.Core.tblScenarioTrigger
@{
    var db = new KRMEntities();
    var id = Request["taskid"] ?? "";
    //var task = db.tblScenarioTasks.Find(id);
    ViewBag.Title = "Create trigger";
    Layout = null;
}
<!doctype html>
<html>
<head>
    <meta charset="utf8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <!-- Apple devices fullscreen -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <!-- Apple devices fullscreen -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <title>@ViewBag.Title</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <!-- Bootstrap responsive -->
    <link rel="stylesheet" href="/css/bootstrap-responsive.min.css">
    <!-- jQuery UI -->
    <link rel="stylesheet" href="/css/plugins/jquery-ui/smoothness/jquery-ui.css">
    <link rel="stylesheet" href="/css/plugins/jquery-ui/smoothness/jquery.ui.theme.css">

    <!-- Theme CSS -->
    <link rel="stylesheet" href="/css/style.css">
    <!-- Color CSS -->
    <link rel="stylesheet" href="/css/themes.css">
    <!-- Fullcalendar -->
    <!-- timepicker -->
    <link rel="stylesheet" href="/css/plugins/timepicker/bootstrap-timepicker.min.css">
    <!-- colorpicker -->
    <link rel="stylesheet" href="/css/plugins/colorpicker/colorpicker.css">
    <!-- Datepicker -->
    <link rel="stylesheet" href="/css/plugins/datepicker/datepicker.css">
    <link rel="stylesheet" href="/css/plugins/fullcalendar/fullcalendar.css">
    <link rel="stylesheet" href="/css/plugins/fullcalendar/fullcalendar.print.css" media="print">
    <link href="/css/multiple-select.css" rel="stylesheet" />

    <!-- jQuery -->
    <script src="/js/jquery.min.js"></script>

    <script src="/js/jquery.multiple.select.js"></script>
    <script>
        $(document).ready(function () {
            $(".select-multi").multipleSelect({
                multiple: false
            });

            $(".loop-task, .stop-task, .expired").each(function () {
                $(".loop-task, .stop-task, .expired").change(function () {
                    if ($(".loop-task").is(':checked')) {
                        $('.minutes, .choose-minutes, .hours, .choose-hours').removeAttr('disabled');
                    } else {
                        $('.minutes, .choose-minutes, .hours, .choose-hours').attr('disabled', 'disabled');
                    }
                    if ($(".stop-task").is(':checked')) {
                        $('.stop-minutes, .choose-stop-minutes').removeAttr('disabled');
                    } else {
                        $('.stop-minutes, .choose-stop-minutes').attr('disabled', 'disabled');
                    }
                    if ($(".expired").is(':checked')) {
                        $('.expireddate').removeAttr('disabled');
                    } else {
                        $('.expireddate').attr('disabled', 'disabled');
                    }
                });
            });

            $('.p-advance').click(function () {
                $('.panel-advance').toggle("fast");
            });

            $('.create-weekly').click(function () {
                $('#hfdayinweek').val($("#dayinweek").multipleSelect("getSelects"));
                $('#weekly').submit();
            });
            $('.create-monthly').click(function () {
                $('#hfmonths').val($("#months").multipleSelect("getSelects"));
                $('#hfdaysinmonths').val($("#daysinmonths").multipleSelect("getSelects"));
                $('#monthly').submit();
            });
        })

    </script>
    <!-- Datepicker -->
    <script src="/js/plugins/datepicker/bootstrap-datepicker.js"></script>
    <!-- Timepicker -->
    <script src="/js/plugins/timepicker/bootstrap-timepicker.min.js"></script>

    <script src="/js/plugins/validation/jquery.validate.min.js"></script>
    <script src="/js/plugins/validation/additional-methods.min.js"></script>


    <!-- Bootstrap -->
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/Custom.js"></script>

    <!-- Theme framework -->
    <script src="/js/eakroko.min.js"></script>
    <!-- Theme scripts -->
    <script src="/js/application.min.js"></script>
    <!-- Just for demonstration -->
    <script src="/js/demonstration.min.js"></script>
    <!-- Favicon -->
    <link rel="shortcut icon" href="/img/favicon.ico" />
    <!-- Apple devices Homescreen icon -->
    <link rel="apple-touch-icon-precomposed" href="/img/apple-touch-icon-precomposed.png" />


</head>

<body>
    <div id="main" style="margin: 0">
        <div class="container-fluid">
            <div class="page-header"></div>
            <div class="row-fluid">
                <div class="span12">
                    @if (Request["msg"] != null && Request["msg"].Equals("success"))
                    {
                        <div class="alert alert-success">
                            <button type="button" class="close" data-dismiss="alert">×</button>
                            <strong>Success!</strong>
                        </div>
                    }
                    else if (Request["msg"] != null && Request["msg"].Equals("error"))
                    {
                        <div class="alert alert-error">
                            <button type="button" class="close" data-dismiss="alert">×</button>
                            <strong>Error!</strong> Update error.
                        </div>
                    }
                    <div class="box box-bordered box-color lightgrey box-create-trigger">
                        <div class="box-title">
                            <h3><i class="icon-edit"></i>Create trigger</h3>
                        </div>
                        <div class="box-content nopadding">
                            <div class="tabs-container">
                                <ul class="tabs tabs-inline tabs-left">
                                    <li class="active">
                                        <a href="#first" data-toggle="tab"><i class="icon-calendar"></i>One time</a>
                                    </li>
                                    <li class="">
                                        <a href="#second" data-toggle="tab"><i class="icon-calendar"></i>Daily</a>
                                    </li>
                                    <li>
                                        <a href="#thirds" data-toggle="tab"><i class="icon-calendar"></i>Weekly</a>
                                    </li>
                                    <li>
                                        <a href="#four" data-toggle="tab"><i class="icon-calendar"></i>Monthly</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-content padding tab-content-inline">
                                <div class="tab-pane active" id="first">
                                    <form action="/scenario/createtrigger" id="onetime" method="POST" class="form-horizontal create-trigger">
                                        <input type="hidden" value="0" name="index" />
                                        <input type="hidden" value="@id" name="taskid"/>
                                        <div class="control-group">
                                            <label for="date" class="control-label">Start date</label>
                                            <div class="controls">
                                                <div class="editor-label">
                                                    <input type="text" name="date" id="date" class="input-medium datepick">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label for="time" class="control-label">Start time</label>
                                            <div class="controls">
                                                <div class="bootstrap-timepicker">
                                                    <input type="text" name="time" id="time" class="input-small timepick">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label for="Enable" class="control-label">Enable</label>
                                            <div class="controls">
                                                <div class="bootstrap-timepicker">
                                                    <input type="checkbox" name="Enable" checked="checked">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-actions">
                                            <button type="submit" class="btn btn-primary">Create</button>
                                            <button onclick="javascript:window.close();" class="btn" >Close</button>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="second">
                                    <form action="/scenario/createtrigger" method="POST" class="form-horizontal create-trigger">
                                        <input type="hidden" value="1" name="index" />
                                        <input type="hidden" value="@id" name="taskid"/>
                                        <div class="control-group">
                                            <label for="date" class="control-label">Start date</label>
                                            <div class="controls">
                                                <div class="editor-label">
                                                    <input type="text" name="date" class="input-medium datepick" required>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label for="time" class="control-label">Start time</label>
                                            <div class="controls">
                                                <div class="bootstrap-timepicker">
                                                    <input type="text" name="time" class="input-small timepick">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label for="Enable" class="control-label">Enable</label>
                                            <div class="controls">
                                                <div class="bootstrap-timepicker">
                                                    <input type="checkbox" name="Enable" checked="checked">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label for="time" class="control-label">Recur every</label>
                                            <div class="controls">
                                                <div class="bootstrap-timepicker">
                                                    <input type="number" name="every" class="input-small" placeholder="days" value="1">
                                                    days
                                                </div>
                                            </div>
                                        </div>
                                        <p class="p-advance"><a href="javascript:;" title="click to show advance option">Advance</a></p>
                                        <div class="panel-advance">
                                            <div class="control-group">
                                                <input type="checkbox" class="loop-task" />
                                                loop task in
                                            <input type="text" name="minutes" class="minutes" value="15" disabled="disabled" style="width: 20px" />
                                                <select name="chooseminutes" class="choose-minutes" style="width: 80px" disabled="disabled">
                                                    <option value="1">Minutes</option>
                                                    <option value="60">Hours</option>
                                                    <option value="1440">day</option>
                                                </select>
                                                on
                                            <input type="text" name="hours" value="1" style="width: 20px" disabled="disabled" class="hours" />
                                                <select name="choosehours" style="width: 80px" disabled="disabled" class="choose-hours">
                                                    <option value="1">Minutes</option>
                                                    <option value="60" selected="selected">Hours</option>
                                                    <option value="1440">day</option>
                                                </select>
                                            </div>
                                            <div class="control-group">
                                                <input type="checkbox" class="stop-task" />
                                                Stop task if runs over
                                            <input type="text" name="stopminutes" class="stop-minutes" value="1" style="width: 20px" disabled="disabled" />
                                                <select name="choosestopminutes" style="width: 80px" disabled="disabled" class="choose-stop-minutes">
                                                    <option value="1">Minutes</option>
                                                    <option value="60" selected="selected">Hours</option>
                                                    <option value="1440">day</option>
                                                </select>
                                            </div>
                                            <div class="control-group">
                                                <input type="checkbox" class="expired" />
                                                Time expired
                                            <input type="text" name="expireddate" class="input-medium datepick expireddate" value="@DateTime.Now" disabled="disabled">
                                            </div>
                                        </div>
                                        <div class="form-actions">
                                            <button type="submit" class="btn btn-primary btn-create-trigger">Create</button>
                                            <button onclick="javascript:window.close();" class="btn" >Close</button>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="thirds">
                                    <form action="/scenario/createtrigger" id="weekly" method="POST" class="form-horizontal create-trigger">
                                        <input type="hidden" value="2" name="index" />
                                        <input type="hidden" value="@id" name="taskid"/>
                                        <input type="hidden" name="dayinweek" id="hfdayinweek"/>
                                        <div class="control-group">
                                            <label for="date" class="control-label">Start date</label>
                                            <div class="controls">
                                                <div class="editor-label">
                                                    <input type="text" name="date" class="input-medium datepick">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label for="time" class="control-label">Start time</label>
                                            <div class="controls">
                                                <div class="bootstrap-timepicker">
                                                    <input type="text" name="time" class="input-small timepick">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label for="Enable" class="control-label">Enable</label>
                                            <div class="controls">
                                                <div class="bootstrap-timepicker">
                                                    <input type="checkbox" name="Enable" checked="checked">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label for="time" class="control-label">Select days</label>
                                            <div class="controls">
                                                <select multiple="multiple" id="dayinweek" class="select-multi" required>
                                                    <option value="1">Monday</option>
                                                    <option value="2">Tuesday</option>
                                                    <option value="3">Wednesday</option>
                                                    <option value="4">Thursday</option>
                                                    <option value="5">Friday</option>
                                                    <option value="6">Staturday</option>
                                                    <option value="0">Sunday</option>
                                                </select>
                                            </div>
                                        </div>
                                        <p class="p-advance"><a href="javascript:;" title="click to show advance option">Advance</a></p>
                                        <div class="panel-advance">
                                            <div class="control-group">
                                                <input type="checkbox" class="loop-task" />
                                                loop task in
                                            <input type="text" name="minutes" class="minutes" value="15" disabled="disabled" style="width: 20px" />
                                                <select name="chooseminutes" class="choose-minutes" style="width: 80px" disabled="disabled">
                                                    <option value="1">Minutes</option>
                                                    <option value="60">Hours</option>
                                                    <option value="1440">day</option>
                                                </select>
                                                on
                                            <input type="text" name="hours" value="1" style="width: 20px" disabled="disabled" class="hours" />
                                                <select name="choosehours" style="width: 80px" disabled="disabled" class="choose-hours">
                                                    <option value="1">Minutes</option>
                                                    <option value="60" selected="selected">Hours</option>
                                                    <option value="1440">day</option>
                                                </select>
                                            </div>
                                            <div class="control-group">
                                                <input type="checkbox" class="stop-task" />
                                                Stop task if runs over
                                            <input type="text" name="stopminutes" class="stop-minutes" value="1" style="width: 20px" disabled="disabled" />
                                                <select name="choosestopminutes" style="width: 80px" disabled="disabled" class="choose-stop-minutes">
                                                    <option value="1">Minutes</option>
                                                    <option value="60" selected="selected">Hours</option>
                                                    <option value="1440">day</option>
                                                </select>
                                            </div>
                                            <div class="control-group">
                                                <input type="checkbox" class="expired" />
                                                Time expired
                                            <input type="text" name="expireddate" class="input-medium datepick expireddate" value="@DateTime.Now" disabled="disabled">
                                            </div>
                                        </div>
                                        <div class="form-actions">
                                            <button type="button" class="btn btn-primary create-weekly">Create</button>
                                            <button onclick="javascript:window.close();" class="btn" >Close</button>
                                        </div>
                                    </form>
                                </div>
                                <div class="tab-pane" id="four">
                                    <form action="/scenario/createtrigger" id="monthly" method="POST" class="form-horizontal create-trigger">
                                        <input type="hidden" value="3" name="index" />
                                        <input type="hidden" value="@id" name="taskid"/>
                                        <input type="hidden" name="months" id="hfmonths"/>
                                        <input type="hidden" name="daysinmonths" id="hfdaysinmonths"/>
                                        <div class="control-group">
                                            <label for="date" class="control-label">Start date</label>
                                            <div class="controls">
                                                <div class="editor-label">
                                                    <input type="text" name="date" class="input-medium datepick">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label for="time" class="control-label">Start time</label>
                                            <div class="controls">
                                                <div class="bootstrap-timepicker">
                                                    <input type="text" name="time" class="input-small timepick">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label for="Enable" class="control-label">Enable</label>
                                            <div class="controls">
                                                <div class="bootstrap-timepicker">
                                                    <input type="checkbox" name="Enable" checked="checked">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label for="time" class="control-label">Months</label>
                                            <div class="controls">
                                                <select multiple="multiple" class="select-multi" id="months">
                                                    <option value="1">January</option>
                                                    <option value="2">February</option>
                                                    <option value="3">March</option>
                                                    <option value="4">April</option>
                                                    <option value="5">May</option>
                                                    <option value="6">June</option>
                                                    <option value="7">July</option>
                                                    <option value="8">August</option>
                                                    <option value="9">September</option>
                                                    <option value="10">October</option>
                                                    <option value="11">November</option>
                                                    <option value="12">December</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="control-group">
                                            <label for="time" class="control-label">Days</label>
                                            <div class="controls">
                                                <select multiple="multiple" class="select-multi" id="daysinmonths">
                                                    <option value="1">1</option>
                                                    <option value="2">2</option>
                                                    <option value="3">3</option>
                                                    <option value="4">4</option>
                                                    <option value="5">5</option>
                                                    <option value="6">6</option>
                                                    <option value="7">7</option>
                                                    <option value="8">8</option>
                                                    <option value="9">9</option>
                                                    <option value="10">10</option>
                                                    <option value="11">11</option>
                                                    <option value="12">12</option>
                                                    <option value="13">13</option>
                                                    <option value="14">14</option>
                                                    <option value="15">15</option>
                                                    <option value="16">16</option>
                                                    <option value="17">17</option>
                                                    <option value="18">18</option>
                                                    <option value="19">19</option>
                                                    <option value="20">20</option>
                                                    <option value="21">21</option>
                                                    <option value="22">22</option>
                                                    <option value="23">23</option>
                                                    <option value="24">24</option>
                                                    <option value="25">25</option>
                                                    <option value="26">26</option>
                                                    <option value="27">27</option>
                                                    <option value="28">28</option>
                                                    <option value="29">29</option>
                                                    <option value="30">30</option>
                                                    <option value="31">31</option>
                                                </select>
                                            </div>
                                        </div>
                                        <p class="p-advance"><a href="javascript:;" title="click to show advance option">Advance</a></p>
                                        <div class="panel-advance">
                                            <div class="control-group">
                                                <input type="checkbox" class="loop-task" />
                                                loop task in
                                            <input type="text" name="minutes" class="minutes" value="15" disabled="disabled" style="width: 20px" />
                                                <select name="chooseminutes" class="choose-minutes" style="width: 80px" disabled="disabled">
                                                    <option value="1">Minutes</option>
                                                    <option value="60">Hours</option>
                                                    <option value="1440">day</option>
                                                </select>
                                                on
                                            <input type="text" name="hours" value="1" style="width: 20px" disabled="disabled" class="hours" />
                                                <select name="choosehours" style="width: 80px" disabled="disabled" class="choose-hours">
                                                    <option value="1">Minutes</option>
                                                    <option value="60" selected="selected">Hours</option>
                                                    <option value="1440">day</option>
                                                </select>
                                            </div>
                                            <div class="control-group">
                                                <input type="checkbox" class="stop-task" />
                                                Stop task if runs over
                                            <input type="text" name="stopminutes" class="stop-minutes" value="1" style="width: 20px" disabled="disabled" />
                                                <select name="choosestopminutes" style="width: 80px" disabled="disabled" class="choose-stop-minutes">
                                                    <option value="1">Minutes</option>
                                                    <option value="60" selected="selected">Hours</option>
                                                    <option value="1440">day</option>
                                                </select>
                                            </div>
                                            <div class="control-group">
                                                <input type="checkbox" class="expired" />
                                                Time expired
                                            <input type="text" name="expireddate" class="input-medium datepick expireddate" value="@DateTime.Now" disabled="disabled">
                                            </div>
                                        </div>
                                        <div class="form-actions">
                                            <button type="button" class="btn btn-primary create-monthly">Create</button>
                                            <button onclick="javascript:window.close();" class="btn" >Close</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>*@
